<%@page import="com.alibaba.druid.sql.ast.expr.SQLCaseExpr.Item"%>
<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE HTML>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 
<%-- <%@include file="edit.jsp"%> --%>
<html>
	<head>
	    <!-- 配置文件 -->
	    <script type="text/javascript" src="${ctx}/static/admin/ueditor/ueditor.config.js"></script>
	    <!-- 编辑器源码文件 -->
	    <script type="text/javascript" src="${ctx}/static/admin/ueditor/ueditor.all.js"></script>
	</head>
<body>
	<!-- <div id="toolbar" class="toolbar" ></div> -->
	<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'center',border:false">
			<form id="dataform" action="updateArticleAndFile" method="post">
				<input type = "hidden" name="entity.id" value="${item.id}"/>
				<input type = "hidden" name="entity.userId" value="${item.userId}"/>
				<input type = "hidden" name="oldSoundId" value="${soundFile.id}"/>
				<input type = "hidden" name="oldImgId" value="${imgFile.id}"/>
				<input type = "hidden" id="articleContent" name="entity.articleContent" value='${item.articleContent}'/>
				<div id="article_main" class="easyui-panel" data-options="border:false">
				<table  class="form-tbl" cellpadding="5" style="width:100%;height:100%;">
					<tr class= "form-tr">
						<td class="form-th">文章标题:</td>
						<td class="form-td">
							<input class="easyui-textbox" name="entity.articleTitle" value="${item.articleTitle }" data-options="required:true,disable:true"/>
						</td>
						<td class="form-th">作者:</td>
						<td class="form-td">
							<input class="easyui-textbox" value="${adminUser.nickname}" data-options="disabled:true"/>
						</td>
					</tr>
					<tr class= "form-tr">
						<td colspan="4">
							<div id="div1" class="toolbar">
						    </div>
						    <div style="padding: 5px 0; color: #ccc"></div>
						    <div id="div_container" class="text"> <!--可使用 min-height 实现编辑区域自动增加高度-->
						    </div>
						</td>
					</tr>
					<tr class= "form-tr">
						<td class="form-th">文章类型:</td>
						<td class="form-td" colspan="3">
							<select class="easyui-combobox" name="entity.articleType" id="comb_articleType" data-options="required:true,panelHeight:'auto',disabled:true ">
								<option value="1">文章</option>
								<option value="3">音频 </option>
								<option value="5">视频</option>
								<option value="7">话题pk</option>
							</select>
						</td>
					</tr>
					<tr class= "form-tr">
						<td class="form-th">封面</td>
						<td class="form-td" colspan="3">
							<input id="img_new" type="hidden" name="imgId">
							<img id="file_img" alt="封面" src="${imgFile.fileUrl}" style="width: 80px;height: 50px;">
						</td>
					</tr>
					
					<tr class= "form-tr" id = "tr_sound_show">
						<td class="form-th">音频</td>
						<td class="form-td" colspan="3">
							<input id="sound_new" name="soundId" type="hidden">
							<audio controls="controls"><source id="sound_file" src = "${soundFile.fileUrl}" type="audio/mpeg"></audio>
						</td>
					</tr>
					<tr class= "form-tr">
						<td class= "form-th">浏览量</td>
						<td class= "form-td">
							<input type="number" value="${item.countView}" data-options="disable:true">
						</td>
						<td class= "form-th">点赞量</td>
						<td class= "form-td">
							<input type="number" value="${item.countPraise}" data-options="disable:true">
						</td>
					</tr>
					<tr class= "form-tr">
						<td class= "form-th">分享量</td>
						<td class= "form-td">
							<input type="number" value="${item.countShare}" data-options="disable:true">
						</td>
						<td class= "form-th">收藏量</td>
						<td class= "form-td">
							<input type="number" value="${item.countCollect}" data-options="disable:true">
						</td>
					</tr>

					<tr class= "form-tr">
						<td class= "form-th">
							是否对所有人可见:
						</td>
						<td class= "form-td">
							<div id="markPublish" name="entity.markPublish" value="${item.markPublish}"data-options="disable:true"></div>
						</td>
						<td class= "form-th">
							可用标记:
						</td>
						<td class= "form-td">
							<div id="enabled" name="entity.enabled" value="${item.enabled}" data-options="disable:true">
						</td>
					</tr>
					<tr class= "form-tr">
						<td class= "form-th">投稿栏目:</td>
						<td class= "form-td" colspan="3">
							<input id="cmb_category" class="easyui-combobox" name="entity.categoryId" data-options="disable:true">
						</td>
					</tr>
					<tr class= "form-tr">
						<th class="form-th">文章标签:</th>
						<!-- <td class="form-td">
							<input id="comb_pId" class="easyui-combobox" style="width:170px;" data-options="disable:true">
						</td> -->
						<td class="form-td" colspan="2">
							<input id="comb_tagId" name="tagId" class="easyui-combobox" style="width:170px;" data-options="disable:true">
						</td>
					</tr>
				</table>
				</div> 
			</form>
		</div>
	</div>
	
	
<script type="text/javascript">
//选择的文章的id
var articleId =${articleId};
var tagId = '${tagInfo.id}';
var soundUrl = '${soundUrl}';
var type = '${item.articleType}';
if(type == '3'){
	$().show()
}
//合并多个空白为一个空白  
String.prototype.ResetBlank = function() {        //对字符串扩展
    var regEx = /\s+/g;  
    return this.replace(regEx, '');  
}; 

var E = window.wangEditor
var editor = new E('#div1', '#div_container')  // 两个参数也可以传入 elem 对象，class 选择器
// 自定义菜单配置
editor.customConfig.menus = [
	'head',  // 标题
    'bold',  // 粗体
    'italic',  // 斜体
    'underline',  // 下划线
    'strikeThrough',  // 删除线
    'foreColor',  // 文字颜色
    'backColor',  // 背景颜色
    'link',  // 插入链接
    'list',  // 列表
    'justify',  // 对齐方式
    'image',  // 插入图片
    'undo',  // 撤销
    'redo'  // 重复
]
editor.customConfig.fontsizes ='500'

// 配置服务器端地址
editor.customConfig.uploadImgServer = '/file/uploadFiles'

editor.customConfig.uploadFileName = 'files'

editor.customConfig.uploadImgHooks = {
	before: function (xhr, editor, files) {
        // 图片上传之前触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，files 是选择的图片文件
        
        // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
        // return {
        //     prevent: true,
        //     msg: '放弃上传'
        // }
    },
    success: function (xhr, editor, result) {
        // 图片上传并返回结果，图片插入成功之后触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
    },
    fail: function (xhr, editor, result) {
        // 图片上传并返回结果，但图片插入错误时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
    },
    error: function (xhr, editor) {
        // 图片上传出错时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
    },
    timeout: function (xhr, editor) {
        // 图片上传超时时触发
        // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象
    },

    // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
    // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
    customInsert: function (insertImg, result, editor) {
        // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
        // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果

        // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
        var url = result.data.fileUrl;
        insertImg(url);

        // result 必须是一个 JSON 格式字符串！！！否则报错
    }
}
editor.create();
setArticleConten();
function setArticleConten() {
	$.post('articleConten',{articleId:'${articleId}'},function(r){
   		editor.txt.html(r.data.articleContent);
	 })
}

     
     //投稿
     $("#cmb_category").combobox({
			url:'${ctx}/category/info/findAll',
			method:'post',
			valueField:'id',
			textField:'name',
			panelHeight:'auto',
		});
   		//类型
		$("#comb_tagId").combobox({
			url:'${ctx}/tag/info/findByPidToTag?pid=0',
			method:'get',
			valueField:'id',
			textField:'tagName',
			panelHeight:'auto'
		});  
	$(function(){
		$("#comb_pId").combobox('select', '${parentTag.id}');
		$("#comb_tagId").combobox('select', '${tagInfo.id}');
		$("#cmb_category").combobox('select', '${category.id}');
		
		
		if(soundUrl !=null && soundUrl != ''){
			var html = '';
			$("#td_showSound").html(html);
		}
		$('#toolbar').toolbar({buttons:[
			{name:'save',iconCls:'icon-ok',text:'保存'},
			{name:'cancel',iconCls:'icon-cancel',text:'取消'}
	  	],handler:handler});
		$('#markPublish').radiobox({name:'entity.markPublish',value:'${item.markPublish}',data:[[true,'是'],[false,'否']]});
		$('#enabled').radiobox({name:'entity.enabled',value:'${item.enabled}',data:[[true,'是'],[false,'否']]});
		var articleType = '${item.articleType}';
		//类型
		$('#comb_articleType').combobox('select',articleType);
	});
	function handler() {
		switch(this.name) {
			case 'save': toSave();break;
			case 'cancel':cancel();break;
		}
	}
	 
	function toSave(){
		//获取富文本的内容
		var content = ue.getContent();
		$("#articleContent").val(content.ResetBlank());
		var imgId = $("#img_id").val();
		var isValid = $('#dataform').form('validate');
		if(!isValid){
			top.$prompt('请完善文章的信息！');
			return;
		}
		
		$.messager.progress({title:'系统提示',text:'数据处理中，请耐心等待...'});
		$.submit('#dataform',function(r) {
			$.messager.progress('close');
			if(r.code<0) return $alert(r.msg);
			top.$prompt('保存成功');
			top.$window.close(window,1,null);
		});
	}
	function cancel(){
		closeWin();
	}
</script>
</body>
</html>